<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Izeup | La red social del cine independiente</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/styles.css" />
	
<!-- Slider -->
    	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    	<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
		<script type="text/javascript">
    		$(window).load(function() {
        		$('#slider').nivoSlider();
   		 	});
   		</script>
	<!--[if IE 6]>
	<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
	<script>
	  /* EXAMPLE */
	  DD_belatedPNG.fix('.button');
	  
	  /* string argument can be any CSS selector */
	  /* .png_bg example is unnecessary */
	  /* change it to what suits you! */
	</script>
	<![endif]-->
</head>
<body>
	<div id="wrapper" class="container_12 clearfix">

		<!-- Text Logo -->
		<h1 id="logo" class="grid_4"><img src="images/logo.png" alt="logo" width="64" height="64" /></h1>
		
		
		<!-- Navigation Menu -->
		<ul id="navigation" class="grid_8">
			<li><a href="contact.html"><span class="meta">Env&iacute;a tus dudas</span><br />Contacto</a></li>
			<li><a href="blog.html"><span class="meta">Ent&eacute;rate de lo </span><br />Blog</a></li>
			<li><a href="portfolio.html"><span class="meta">Participa con</span><br />Colabora</a></li>
				
			<li><a href="about.html"><span class="meta">&iquest;Qu&eacute; es izeup?</span><br />Sobre Izeup</a></li>
			<li><a href="index.html" class="current"><span class="meta">Al inicio</span><br />Home</a></li>
		</ul>
		
		<div>
			<span style="float:right">
				<form action="" method="">
					Usuario: <input type="text" id="login" />
					Password: <input type="text" id="pass" />
				</form>
			</span>
		</div>
			
		<div class="hr grid_12">&nbsp;</div>
		<div class="clear"></div>
		
		<!-- Featured Image Slider -->
		<div id="featured" class="clearfix grid_12">
		
		
		<!-- slider -->
			<div id="slider">
        		<img src="images/andersb.jpg" alt="" />
        		<a href="http://dev7studios.com"><img src="images/TBL_BLOG.jpg" alt="" title="#htmlcaption" /></a>
        		<img src="images/logostemma.jpg" alt="" title="logostema" />
        		<img src="images/jenseits_menu_title.jpg" alt="" />
    		</div>
    		<div id="htmlcaption" class="nivo-html-caption">
        		<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
    		</div>
			<!-- /slider -->
		
		</div>
		<div class="hr grid_12 clearfix">&nbsp;</div>
			
		<!-- Caption Line -->
		<h2 class="grid_12 caption clearfix" align="center">Bienvenido a <span>Izeup</span> la red social de cine independiente donde podr&aacute;s 
		descubrir peque&ntilde;as joyas del s&eacute;ptimo arte.</h2>
		
		<div class="hr grid_12 clearfix quicknavhr">&nbsp;</div>
		<div id="quicknav" class="grid_12" style="text-align:center;">
			<a class="quicknavgrid_3 quicknav alpha" href="portfolio.html">
					<h4 class="title ">&iquest;C&oacute;mo funciona?</h4>
					<p>Si hay algo que no te queda claro, te lo aclaramos.</p>
					<p><img alt="" src="images/gears.png" width="125" height="125" /></p>
				
			</a>
			<a class="quicknavgrid_3 quicknav" href="about.html">
					<h4 class="title ">Nuevos videos</h4>
					<p>Los &uacute;ltimos estrenos que todav&iacute;a no est&aacute;n en el cine.</p>
					<p><img alt="" src="images/video.png" height="125" width="125" /></p>
				
			</a>
			<a class="quicknavgrid_3 quicknav" href="blog.html">
					<h4 class="title ">Da el salto</h4>
					<p>Darse a conocer y ganar dinero nunca fue tan f&aacute;l.</p>
					<p><img alt="" src="images/oscar.png" height="125" width="125" /></p>
				
			</a>
			<div class="quicknavgrid_3 quicknav">
					<h4 class="title ">Siguenos en...</h4>
					<p>Estate al loro de todo lo que se cuece. </p>
					<br /><br />
					<p>
						<a href="http://www.facebook.com/pages/Izeup/127729919085"><img alt="" src="images/facebook.png" width="64" height="64" /></a>
						<a href="http://twitter.com/izeup"><img alt="" src="images/twitter.png" width="64" height="64"/></a>
					</p>
					<br /><br /><br /><br />
			</div>
		</div>
		<div class="hr grid_12 clearfix">&nbsp;</div>
		<!-- Footer -->
		<p class="grid_12 footer clearfix">
			<span class="float"><b>&copy; Copyright</b> <a href="http://izeup.com">Izeup</a></span>
			<a class="float right" href="#">top</a>
		</p>
		
	</div><!--end wrapper-->
</body>
</html>
